<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<html lang="en">

<%@ include file="common/header.jsp"%>

<body>

	<!-- jQuery -->
	<script src="resources/js/jquery.js"></script>
	<script type="text/javascript" src="resources/js/qrcode.js"></script>
	<script type="text/javascript" src="resources/js/jquery.qrcode.js"></script>

	<div id="wrapper">

		<%@ include file="common/navigation.jsp"%>


		<div id="page-wrapper">

			<div id="qrcodeCanvas"></div>
			<script>
				var requestUrl = "${requestUrl}";
				$('#qrcodeCanvas').qrcode({
					text : requestUrl,
					correctLevel : 0
				});
				/*
				 var dataUrl = $('canvas')[0].toDataURL('image/png');
				 var newImg = '<h2>create Img </h2>';
				 newImg += '<img src="' + dataUrl + '">';
				 $('#test').append(newImg);
				 var b64 = dataUrl.substring(22); 
				 $.ajax({
				 url : "RotateCanvas",
				 type : 'post',
				 dataType : 'json',
				 data : {'data':b64 },
				 function () {alert('ok')}
				 });
				 */
			</script>

		</div>
	</div>



	<!-- Bootstrap Core JavaScript -->
	<script src="resources/js/bootstrap.js"></script>

</body>

</html>